<!DOCTYPE html>
<!--[if IE 8 ]>
<html class="no-js oldie ie8" lang="zh"><![endif]-->
<!--[if IE 9 ]>
<html class="no-js oldie ie9" lang="zh"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="zh" class="js svg audio canvas cssremunit csscalc cssgradients supports no-touchevents video cssanimations
    cssfilters flexbox flexboxlegacy no-flexboxtweener flexwrap csstransforms csstransforms3d csstransitions backgroundblendmode">
<!--<![endif]-->
<head>
    <title>Flow Your Life</title>
    <meta name="author" content="ZYaller">
    <meta name="description" content="Flow Your Life">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="https://hxsupload-oss.hxsapp.com/lib/flow/image/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="https://hxsupload-oss.hxsapp.com/lib/flow/image/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdn.staticfile.org/lity/2.3.1/lity.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/izitoast/1.4.0/css/iziToast.min.css">
    <link rel="stylesheet" href="https://hxsupload-oss.hxsapp.com/lib/flow/css/plugins/animate-fadeinup.min.css">
    <link rel="stylesheet" href="css/code-prettify/prettify.css">
    <link rel="stylesheet" href="css/code-prettify/desert.css">
    <link rel="stylesheet" href="https://hxsupload-oss.hxsapp.com/lib/flow/css/base.min.css">
    <link rel="stylesheet" href="css/item/index.css">
</head>
<body id="top">
<header class="short-header">
    <div class="gradient-block"></div>
    <div class="row header-content">
        <div class="logo">
            <a href="/">Flow</a>
        </div>
        <nav id="main-nav-wrap">
            <ul class="main-navigation sf-menu">
                <li class="current"><a href="/" title="">Flow</a></li>
                <li class="has-children">
                    <a href="javascript:void(0);" title="Tags" class="sf-with-ul">Tags</a>
                    <ul class="sub-menu">
                        <li><a href="/?m=api">API</a></li>
                        <li><a href="/?m=chrome">CHROME</a></li>
                        <li><a href="/?m=git">GIT</a></li>
                        <li><a href="/?m=golang">GOLANG</a></li>
                        <li><a href="/?m=high-concurrent">HIGH</a></li>
                        <li><a href="/?m=htmlcss">HTMLCSS</a></li>
                        <li><a href="/?m=javascript">JAVASCRIPT</a></li>
                        <li><a href="/?m=linux">LINUX</a></li>
                        <li><a href="/?m=macbook">MACBOOK</a></li>
                        <li><a href="/?m=mongodb">MONGODB</a></li>
                        <li><a href="/?m=mysql">MYSQL</a></li>
                        <li><a href="/?m=network-safety">NETWORK</a></li>
                        <li><a href="/?m=php">PHP</a></li>
                        <li><a href="/?m=programmer">PROGRAMMER</a></li>
                        <li><a href="/?m=redis">REDIS</a></li>
                    </ul>
                </li>
                <li><a target="_blank" href="https://git.zyall.com" title="Github">Github</a></li>
                <li><a target="_blank" href="https://www.zyall.com" title="ZYallers">ZYallers</a></li>
            </ul>
        </nav>
        <div class="search-wrap">
            <form role="search" method="get" class="search-form" action="/">
                <label>
                    <span class="hide-content">Search for:</span>
                    <input type="search" class="search-field" placeholder="Type Your Keywords" value="" name="q"
                           title="Search for:" autocomplete="off">
                </label>
                <input type="submit" class="search-submit" value="Search">
            </form>
            <a href="javascript:void(0);" id="close-search" class="close-btn">Close</a>
        </div>
        <div class="triggers">
            <a class="search-trigger" href="javascript:void(0);"><i class="fa fa-search"></i></a>
            <a class="menu-toggle" href="javascript:void(0);"><span>Menu</span></a>
        </div>
    </div>
</header>
<section id="content-wrap" class="blog-single">
    <div class="row">
        <div class="col-twelve">
            <article class="format-standard">
                <div class="content-media">
                    <div class="post-thumb">
                        <img id="item-posters" src="" alt="">
                    </div>
                </div>
                <div class="primary-content">
                    <h1 id="item-title" class="page-title">....</h1>
                    <ul class="entry-meta">
                        <li class="date" id="item-size">0 KB</li>
                        <li class="date" id="item-date"></li>
                        <li class="cat"><a href="#" id="item-meta"></a></li>
                    </ul>
                    <div id="item-body">
                        <blockquote>--</blockquote>
                        <p>...</p>
                        <p>......</p>
                        <pre>...</pre>
                        <p>...</p>
                    </div>
                </div>
            </article>
        </div>
    </div>
    <div class="row" style="display: none">
        <div class="bricks-loading"><i class="fa fa-spinner fa-4x fa-pulse"></i></div>
        <div id="SOHUCS" sid="" style="display: none"></div>
    </div>
</section>
<footer>
    <div class="footer-main">
        <div class="row">
            <div class="col-six tab-full mob-full footer-info">
                <h4>About Our Site</h4>
                <p>
                    You will be grateful to yourself in the future.<br/>
                    Keep a record of collating and sharing articles that are valuable, useful, and problematic in your
                    work and study.
                    Enrich the experience, broaden the horizon, record the growth process bit by bit.
                </p>
            </div>
            <div class="col-three tab-1-3 mob-1-2 site-links">
                <h4>Site Links</h4>
                <ul>
                    <li><a target="_blank" href="https://www.zyall.com">ZYallers</a></li>
                    <li><a target="_blank" href="https://git.zyall.com">Github</a></li>
                    <li><a target="_blank" href="https://me.zyall.com">AboutMe</a></li>
                    <li><a target="_blank"
                           href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=IVtYQE1NRFNhR05ZTEBITQ9CTkw">ContactMe</a>
                    </li>
                </ul>
            </div>
            <div class="col-three tab-1-3 mob-1-2 social-links">
                <h4>Social</h4>
                <ul>
                    <li><a target="_blank" href="https://www.qq.com">QQ</a></li>
                    <li><a target="_blank" href="https://www.weibo.com">Weibo</a></li>
                    <li><a target="_blank" href="https://www.baidu.com">Baidu</a></li>
                    <li><a target="_blank" href="https://www.google.com">Google</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="row">
            <div class="col-twelve">
                <div class="copyright">
                    <span>Copyright@2021 Flow All rights reserved.</span>
                </div>
                <div id="go-top">
                    <a class="smoothscroll" title="Back to Top" href="#top"><i class="icon icon-arrow-up"></i></a>
                </div>
            </div>
        </div>
    </div>
</footer>
<div id="preloader">
    <div id="loader"></div>
</div>
<script src="https://cdn.staticfile.org/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/lity/2.3.1/lity.min.js"></script>
<script src="https://cdn.staticfile.org/pace/1.0.0/pace.min.js"></script>
<script src="https://hxsupload-oss.hxsapp.com/lib/flow/js/plugins/modernizr.min.js"></script>
<script src="https://cdn.staticfile.org/superfish/1.7.7/js/superfish.min.js"></script>
<script src="https://cdn.staticfile.org/jquery.imagesloaded/3.2.0/imagesloaded.pkgd.min.js"></script>
<script src="https://cdn.staticfile.org/jquery-placeholder/2.1.2/jquery.placeholder.min.js"></script>
<script src="https://cdn.staticfile.org/masonry/4.0.0/masonry.pkgd.min.js"></script>
<script src="https://cdn.staticfile.org/izitoast/1.4.0/js/iziToast.min.js"></script>
<script src="https://cdn.staticfile.org/showdown/1.9.1/showdown.min.js"></script>
<script src="https://cdn.staticfile.org/prettify/r298/prettify.min.js"></script>
<script src="https://hxsupload-oss.hxsapp.com/lib/flow/js/plugins/web-storage-cache.min.js"></script>
<script src="js/base64.min.js"></script>
<script src="js/image.js"></script>
<script src="js/item.js"></script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?5cb1fb48a3febacb9b47f96a5cf3959b";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>
